@charset "utf-8";
/* CSS Document */
/* Time: 2013-2 */
/* Name: Particle Style 1.0 */


/*格式化浏览器*/
*{word-wrap:break-word;}
body{font:12px Microsoft YaHei, Arial, Helvetica, sans-serif,Simsun;}
body,div,dl,dt,ul,ol,li,pre,form,fieldset,blockquote,h1,h2,h3,h4,h5,h6,p,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
table,td,tr,th,font{font-size:12px;}
li{ list-style-type:none;}
table{ margin:0 auto;}
img{ border:medium none;}
ol,ul{list-style: none outside none;}
h1{ font-size:18px;}
h2{ font-size:16px;}
h3{ font-size:14px;}
h4{ font-size:12px;}
h5{ font-size:10px;}
h6{ font-size:9px;}


/*文本标签格式化*/
em{font-family: Tahoma,Verdana,helvetica;font-size:12px; font-style:normal; white-space:nowrap;}
addr,acronym{ border:0 none;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal;font-weight:normal;}
strong{font-size:12px;font-style:normal;white-space:nowrap;font-weight:bold;}

/*连接格式化*/
a:link,a:visited,a:hover,a:active{border: medium none;outline-width:medium;outline-style:none;outline-color:invert;}
a:link{text-decoration:none;color:#333;}                 /**/
a:visited{text-decoration:none;color:#333;}				/**/
a:active{text-decoration:none;color:#333;}				/**/
a:hover{text-decoration:none;color:#369;}			/*underline*/

/*web小样式*/
.unLine, .unLine a { text-decoration:none;}
.U, .U a { text-decoration:underline;}
.noBorder { border: medium none;outline-width:medium;outline-style:none;outline-color:invert;}
.hand {cursor:pointer;}
.WB {word-wrap:break-word;}
.wn {white-space:nowrap;}
.box{width:1200px; margin:0 auto;}
.box1{ width:980px;margin:0 auto;}
.fs{text-shadow:1px 1px 0px #FFF;}/*文字白色阴影*/

/*文本排版*/
.f10{font-size:10px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
.tnone{text-indent:-9999em;}

/*文本行间距*/
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh200{line-height:200%;}
.lh230{line-height:230%;}

.lh16 {line-height:16px;}
.lh18 {line-height:18px;}
.lh20 {line-height:20px;}
.lh25 {line-height:25px;}
.lh30 {line-height:30px;}
.lh35 {line-height:35px;}

.vm{vertical-align:middle;}

/*清除换行*/
.overh{overflow:hidden;white-space:nowrap;}
.overflow{margin:0;overflow:hidden;padding:0;}
.overa{ overflow:auto;}

/*定位布局*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.mauto{margin-left:auto;margin-right:auto;}
.m_3{ _margin-left:-3px;_margin-right:-3px; display:inline; zoom:1;}
.m_3_l{ _margin-left:-3px; display:inline; zoom:1;}
.m_3_r{ _margin-right:-3px; display:inline; zoom:1;}

.fl{float:left;display:inline;}
.fr{float:right;display:inline;}

.pr{position:relative;}
.pa{position:absolute;}
.abs_right{position:absolute;right:0;}
.abs_left{position:absolute;left:0;}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}


/*定位清除*/
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:".";display:block;height:0;claer:both;visibility:hidden;}
.clearfix{display:inline-block;}
*html.clearfix{height:1%;}
.clearfix{display:block;}

/*长度*/
.w10{width:10px;}
.w15{width:15px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w120{width:120px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w220{width:220px;}
.w240{width:240px;}
.w245{width:245px;}
.w250{width:250px;}
.w260{width:260px;}
.w280{width:280px;}
.w290{width:290px;}
.w300{width:300px;}
.w320{width:320px;}
.w350{width:350px;}
.w370{width:370px;}
.w400{width:400px;}
.w450{width:450px;}
.w460{width:460px;}
.w480{width:480px;}
.w500{width:500px;}
.w600{width:600px;}
.w640{width:640px;}
.w650{width:650px;}
.w700{width:700px;}

/*栅格化长度*/
.w5b{width:5%;}
.w10b{width:10%;}
.w15b{width:15%;}
.w20b{width:20%;width:19.83%\9;_width:19%}
.w25b{width:25%;width:24.99%\9;_width:24.99%}
.w30b{width:30%;}
.w33b{width:33.33%;width:33.33%\9;_width:33%}
.w40b{width:40%;}
.w50b{width:50%;width:49.99%\9;_width:49.99%}
.w60b{width:60%;}
.w70b{width:70%;}
.w80b{width:80%;}
.w90b{width:90%;}
.w{width:100%;}

/*高度*/
.h20{height:20px;}
.h22{height:22px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h80{height:80px;}
.h100{height:100px;}
.h150{height:150px;}
.h180{height:180px;}
.h200{height:200px;}
.h210{height:210px;}
.h220{height:220px;}
.h230{height:230px;}
.h250{height:250px;}
.h280{height:280px;}
.h300{height:300px;}
.h350{height:350px;}
.h400{height:400px;}
.h420{height:420px;}
.h430{height:430px;}
.h440{height:440px;}
.h450{height:450px;}
.h460{height:460px;}
.h480{height:480px;}
.h500{height:500px;}

/*栅格化高度*/
.h20b{height:20%;}
.h25b{height:25%;}
.h30b{height:30%;}
.h33b{height:33%;}
.h50b{height:50%;}
.h{height:100%;}

/*内边距*/
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

.pt3{padding-top:3px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr80{padding-right:80px;}
.pr100{padding-right:100px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb80{padding-bottom:80px;}

.pl3{padding-left:3px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl80{padding-left:80px;}
.pl100{padding-left:100px;}

/*外边距*/
.m0{margin:0px;}
.m3{margin:3px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}

.mt0{margin-top:0px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}

.mr0{margin-right:0px;}
.mr3{margin-right:3px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr80{margin-right:80px;}
.mr100{margin-right:100px;}
.mr240{margin-right:240px;}
.mr400{margin-right:400px;}

.mb0{margin-bottom:0px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.ml0{margin-left:0px;}
.ml3{margin-left:3px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml80{margin-left:80px;}
.ml100{margin-left:100px;}
.ml240{margin-left:240px;}
.ml250{margin-left:250px;}
.ml_240{margin-left:240px;_margin-left:-3px; _display:inline; _zoom:1;}
.ml_250{margin-left:250px;_margin-left:-3px; _display:inline; _zoom:1;}

/*边框*/
.lineS{border:#999 solid 1px;}
.lineS06c{border:#06c solid 1px;}
.lineS69c{border:#69c solid 1px;}
.lineS2{ border:#999 solid 2px;}

.lineS69c_t{ border-top:#69c solid 1px;}
.lineS69c_r{ border-right:#69c solid 1px;}
.lineS69c_b{ border-bottom:#69c solid 1px;}
.lineS69c_l{ border-left:#69c solid 1px;}

.lineS_t{ border-top:#999 solid 1px;}
.lineS_r{ border-right:#999 solid 1px;}
.lineS_b{ border-bottom:#999 solid 1px;}
.lineS_l{ border-left:#999 solid 1px;}

.lineS2_t{ border-top:#999 solid 2px;}
.lineS2_r{ border-right:#999 solid 2px;}
.lineS2_b{ border-bottom:#999 solid 2px;}
.lineS2_l{ border-left:#999 solid 2px;}

.lineD{border:#999 dotted 1px;}
.lineD2{ border:#999 dotted 2px;}

.lineD_t{ border-top:#999 dotted 1px;}
.lineD_r{ border-right:#999 dotted 1px;}
.lineD_b{ border-bottom:#999 dotted 1px;}
.lineD_l{ border-left:#999 dotted 1px;}

.lineD2_t{ border-top:#999 dotted 2px;}
.lineD2_r{ border-right:#999 dotted 2px;}
.lineD2_b{ border-bottom:#999 dotted 2px;}
.lineD2_l{ border-left:#999 dotted 2px;}

/*背景设置
* 命名格式 (色码为16进制)
* b=background
* c=color 
* *=[红:F00,绿:0F0,蓝:00F,黑:000]
* return bc*
*/

.bcF00{background-color:#F00;}/*正红*/
.bc300{background-color:#300;}
.bc600{background-color:#600;}
.bc900{background-color:#900;}
.bcC00{background-color:#C00;}

.bc0F0{background-color:#0F0;}/*绿*/
.bc030{background-color:#030;}
.bc060{background-color:#060;}
.bc090{background-color:#090;}
.bc0C0{background-color:#0C0;}

.bc00F{background-color:#00F;}/*蓝*/
.bc003{background-color:#003;}
.bc006{background-color:#006;}
.bc009{background-color:#009;}
.bc00C{background-color:#00C;}

.bc000{background-color:#000;}/*黑*/
.bcFFF{background-color:#fff;}
.bc333{background-color:#333;}
.bc666{background-color:#666;}
.bc999{background-color:#999;}
.bcCCC{background-color:#ccc;}
.bcEEE{background-color:#eee;}
.bcDDD{background-color:#ddd;}
.bcF2{background-color:#f2f2f2;}
.bcBlue{ background-color:#e0edf6;}
.bcBlue2{background-color:#2b85d9;}
.bcFFC{ background-color:#ffc;}

.bcW{ background:url(../img/public/content_bg.png) repeat;}
.bcB{ background:url(../img/public/l_bg.png) repeat;}
.spot{ background: url(../img/public/spot.png) bottom center no-repeat; padding-bottom:20px;}



/*文本色彩设置
* 命名格式 (色码为16进制)
* c=color 
* *=[红:F00,绿:0F0,蓝:00F,黑:000]
* return c*
*/

.cF00,.cF00 a:link,.cF00 a:visited,a.cF00:link,a.cF00:visited{text-decoration:none;color:#F00;}/*正红*/
.c300,.c300 a:link,.c300 a:visited,a.c300:link,a.c300:visited{text-decoration:none;color:#300;}
.c600,.c600 a:link,.c600 a:visited,a.c600:link,a.c600:visited{text-decoration:none;color:#600;}
.c900,.c900 a:link,.c900 a:visited,a.c900:link,a.c900:visited{text-decoration:none;color:#900;}
.cC00,.cC00 a:link,.cC00 a:visited,a.cC00:link,a.cC00:visited{text-decoration:none;color:#C00;}

.c0F0,.c0F0 a:link,.c0F0 a:visited,a.c0F0:link,a.c0F0:visited{text-decoration:none;color:#0F0;}/*绿*/
.c030,.c030 a:link,.c030 a:visited,a.c030:link,a.c030:visited{text-decoration:none;color:#030;}
.c060,.c060 a:link,.c060 a:visited,a.c060:link,a.c060:visited{text-decoration:none;color:#060;}
.c090,.c090 a:link,.c090 a:visited,a.c090:link,a.c090:visited{text-decoration:none;color:#090;}
.c0C0,.c0C0 a:link,.c0C0 a:visited,a.c0C0:link,a.c0C0:visited{text-decoration:none;color:#0C0;}

.c00F,.c00F a:link,.c00F a:visited,a.c00F:link,a.c00F:visited{text-decoration:none;color:#00F;}/*蓝*/
.c003,.c003 a:link,.c003 a:visited,a.c003:link,a.c003:visited{text-decoration:none;color:#003;}
.c006,.c006 a:link,.c006 a:visited,a.c006:link,a.c006:visited{text-decoration:none;color:#006;}
.c009,.c009 a:link,.c009 a:visited,a.c009:link,a.c009:visited{text-decoration:none;color:#009;}
.c00C,.c00C a:link,.c00C a:visited,a.c00C:link,a.c00C:visited{text-decoration:none;color:#00C;}

.c000,.c000 a:link,.c000 a:visited,a.c000:link,a.c000:visited{color:#000;}/*黑*/
.cFFF,.cFFF a:link,.cFFF a:visited,a.cFFF:link,a.cFFF:visited{color:#fff;}
.c333,.c333 a:link,.c333 a:visited,a.c333:link,a.c333:visited{color:#333;}
.c666,.c666 a:link,.c666 a:visited,a.c666:link,a.c666:visited{color:#666;}
.c999,.c999 a:link,.c999 a:visited,a.c999:link,a.c999:visited{color:#999;}
.cCCC,.cCCC a:link,.cCCC a:visited,a.cCCC:link,a.cCCC:visited{color:#ccc;}
.cEEE,.cEEE a:link,.cEEE a:visited,a.cEEE:link,a.cEEE:visited{color:#eee;}
.cDDD,.cDDD a:link,.cDDD a:visited,a.cDDD:link,a.cDDD:visited{color:#ddd;}
.cF2,.cF2 a:link,.cF2 a:visited,a.cF2:link,a.cF2:visited{color:#f2f2f2;}



/**
*window 控件样式
*/
.iText{ border:0; background:#d3d3d3; padding:5px;  line-height:200%;-moz-box-shadow:inset 0px 1px 3px #999;-webkit-box-shadow:inset 0px 1px 3px #999;box-shadow:inset 0px 1px 3px #999;text-shadow:1px 1px 0px #FFF;}
.checkbox,.checkbox-disabled{ width:20px; height:20px; vertical-align:central; background:url(../img/public/input.png) 0 0 no-repeat; display:block; cursor:pointer; float:left;}
.checkbox-disabled{background:url(../img/public/input.png) -20px 0 no-repeat;}
.button{ border:1px solid #CCC; cursor:pointer;background:-webkit-gradient(linear, 50% 100%, 50% 0%, from(#ccc), to(#fff)); border-radius:5px; color:#666;text-shadow:1px 1px 0px #FFF;}
.password{ border:0; background:#d3d3d3; padding:5px;  line-height:200%;-moz-box-shadow:inset 0px 1px 3px #999;-webkit-box-shadow:inset 0px 1px 3px #999;box-shadow:inset 0px 1px 3px #999;text-shadow:1px 1px 0px #FFF;}
.password-box{ position:relative;text-shadow:1px 1px 0px #FFF;  }
.password-value{ position:absolute; top:10px; left:5px; text-align:left; height:15px;overflow:hidden; display:inline; color:#111;}




/******************************************************************************************/
/*基本元素配置
*标准：html4+ css2.0
*拓展：html5,css3.0,伪类
*
*版本：1.0
*书写形式：css.阅读回行模式
*/

/*html中文本反选颜色变更*/
::selection {
    background: #CCC;
    color:#F30;
}
::-moz-selection {
    background:#CCC;
    color:#F30;
}
::-webkit-selection {
    background:#CCC;
    color:#F30;
}

/*css3.0阴影效果*/
.shadow:hover,a.shadow:hover{
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
	 -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
}
/*html5*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img { /* 响应图像(确保图像不规模超出他们的外标签) */
  /* max-width: 100%;第1部分:设置一最大宽相对于父 */
  width: auto\9;/* IE7-8 需要调整响应的图像*/
  height: auto;/* 第2部分:规模的高度根据宽度自动调整 */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/*html5的输入标签初始化*/


/*行内标签格式化*/
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}
blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}


q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}
code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
pre.prettyprint {
  margin-bottom: 20px;
}
pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

/*圆角设置*/
.bR3{ -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}
.bR3-t{ -moz-border-radius-topleft:3px;-moz-border-radius-topright:3px; border-radius:3px 3px 0px 0px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px;}
.bR3-b{ -moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px; border-radius:0px 0px 3px 3px; -webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;}
.bR3-l{ -moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px; border-radius: 3px 0px 0px 3px; -webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;}
.bR5{ -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}


/*标准页面栅格化设置*/

/******************************
.span12 {width: 940px;}
.span11 {width: 860px;}
.span10 {width: 780px;}
.span9 {width: 700px;}
.span8 {width: 620px;}
.span7 {width: 540px;}
.span6 {width: 460px;}
.span5 {width: 380px;}
.span4 {width: 300px;}
.span3 {width: 220px;}
.span2 {width: 140px;}
.span1 {width: 60px;}

.offset12 {margin-left: 980px;}
.offset11 {margin-left: 900px;}
.offset10 {margin-left: 820px;}
.offset9 {margin-left: 740px;}
.offset8 {margin-left: 660px;}
.offset7 {margin-left: 580px;}
.offset6 {margin-left: 500px;}
.offset5 {margin-left: 420px;}
.offset4 {margin-left: 340px;}
.offset3 {margin-left: 260px;}
.offset2 {margin-left: 180px;}
.offset1 {margin-left: 100px;}

****************************************/
